<template>
  <div class="container">
    <div class="col-1 logo-title" >
      <div>
        <div class="h1">西安市第六十六中学</div>
        <div class="h3">问卷管理系统</div>
      </div>
    </div>
    <!-- 用户登录组件 -->
    <loginForm />
  </div>
</template>

<script>
import loginForm from "@/components/login.vue";
export default {
  name: "LoginView",
  components: { loginForm },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style >
.h1 {
  font-size: 36px;
  text-align: center;
}
.h3 {
  font-size: 20px;
  color: #444444;
  padding: 10px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
 
  .col-1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
  }
  .container {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
 
  .col-1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 60%;
  }
  .container {
    height: 100vh;
    display: flex;
  }
  .logo-title{
        padding-top: 10vh;
  }
}
</style>
